/* 通用css */

/* 文本行 */
.ellipsis-l1 {
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis
}
.ellipsis-l2 {
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical
}
.ellipsis-l3 {
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical
}
.hairline {
  border-top: 1px solid #DEDEDE;
}

/* 浮动 */
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.clear { 
  clear: both
} 

/* margin-top */
.margin-t-5 {
  margin-top: 5px; 
}
.margin-t-10 {
  margin-top: 10px; 
}
.margin-t-15 {
  margin-top: 15px; 
}
.margin-t-20 {
  margin-top: 20px; 
}
.margin-t-25 {
  margin-top: 25px; 
}
.margin-t-30 {
  margin-top: 30px; 
}
.margin-t-40 {
  margin-top: 40px; 
}
.margin-t-45 {
  margin-top: 45px; 
}
.margin-t-50 {
  margin-top: 50px; 
}
/* margin-left */
.margin-l-5 {
  margin-left: 5px;
}
.margin-l-10 {
  margin-left: 10px;
}
.margin-l-15 {
  margin-left: 15px;
}
.margin-l-20 {
  margin-left: 20px;
}
/* margin-right */
.margin-r-5 {
  margin-right: 5px;
}
.margin-r-10 {
  margin-right: 10px;
}
.margin-r-15 {
  margin-right: 15px;
}
.margin-r-20 {
  margin-right: 20px;
}
.margin-r-25 {
  margin-right: 25px;
}
.margin-r-30 {
  margin-right: 30px;
}
/* margin-bottom */
.margin-d-5 {
  margin-bottom: 5px;
}
.margin-d-10 {
  margin-bottom: 10px;
}
.margin-d-15 {
  margin-bottom: 15px;
}
.margin-d-20 {
  margin-bottom: 20px;
}
.margin-d-25 {
  margin-bottom: 25px;
}
.margin-d-30 {
  margin-bottom: 30px;
}
/* margin-td */
.margin-td-5 {
  margin: 5px 0;
}
.margin-td-10 {
  margin: 10px 0;
}
.margin-td-15 {
  margin: 10px 0;
}
.margin-td-20 {
  margin: 20px 0;
}
.margin-td-25 {
  margin: 25px 0;
}
.margin-td-30 {
  margin: 30px 0;
}

/* padding-lr */
.padding-td-5 {
  padding: 5px 0;
}
.padding-td-10 {
  padding: 10px 0;
}
.padding-td-15 {
  padding: 15px 0;
}
.padding-td-20 {
  padding: 20px 0;
}
/* padding-lr */
.padding-lr-5 {
  padding: 0 5px;
}
.padding-lr-10 {
  padding: 0 10px;
}
/* padding */
.padding-0 {
  padding: 0px !important;
}
.padding-5 {
  padding: 5px;
}
.padding-10 {
  padding: 10px;
}

/* font-size */
.font-size-10 {
  font-size: 10px
}
.font-size-12 {
  font-size: 12px
}
.font-size-14 {
  font-size: 14px
}
.font-size-16 {
  font-size: 16px
}
.font-size-18 {
  font-size: 18px
}
.font-size-20 {
  font-size: 20px
}
.font-size-22 {
  font-size: 22px
}
.font-size-24 {
  font-size: 24px
}
.font-size-26 {
  font-size: 26px
}
.font-size-28 {
  font-size: 28px
}
.font-size-30 {
  font-size: 30px
}

/* font-type */
.font-bold {
  font-weight: bold
}
.font-yahei{
  font-family: '微软雅黑'
}

/* text */
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-line-del {
  text-decoration:line-through
}

/* 颜色 */
.color-black {
	color: #000000
}
.color-blue {
	color: #009900
}
.color-green {
	color: #0099FF
}
.color-pink {
  color: #FF5F77;
}
.color-red {
  color: red;
}
.color-yellow {
  color: #FFFF00;
}
.color-orange {
  color: #FF6600;
}
/* 灰颜色系，依次越来越淡 */
.color-33 {
  color: #333333
}
.color-69 {
  color: #696969
}
.color-b0 {
  color: #B0B0B0;
}
.color-de {
  color: #DEDEDE;
}
.color-e8 {
  color: #E8E8E8;
}
.color-ff {
  color: #FFFFFF;
}

/* 高度 */
.height-30 {
	height: 30px;
}
.height-40 {
	height: 40px;
}
/* 宽度 */
.width-60 {
  width: 60px;
}

/* 边框 */
.clear-border {
  border: none !important;
}

/* 文本换行 */
.text-wrap {
  word-wrap: break-word;
}